<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Création d'une séance</title>
	<link rel="stylesheet" type="text/css" href="Script/formulaire-css3.css" media="screen" title="bbxcss" />
	<link rel="stylesheet" href="Script/jquery-ui-1.8.20.custom/css/ui-lightness/jquery-ui-1.8.20.custom.css" />
	<script src="Script/jquery-ui-1.8.20.custom/js/jquery-1.7.2.min.js"></script>
	<script src="Script/jquery-ui-1.8.20.custom/js/jquery-ui-1.8.20.custom.min.js"></script>
</head>

<body>
	<form>
		<fieldset>
			<p align="center"><u><b>CREATION D'UNE SEANCE</b></u></p>
	    </fieldset>
	</form>
	<h:form>
      	<fieldset>
	      	<p>
	        	<label>DATE </label>
	        	<!-- 
        			On récupère la date de projection que l'admin a écrit
        		 -->
	      		<h:inputText class="compte_fields" value="#{projectionManagedBean.pro.date}" />
	      	</p>   
	        <p>        
	        	<label>HEURE </label>
	        	<!-- 
        			On récupère l'heure de projection que l'admin a écrit
        		 -->
	        	<h:inputText class="compte_fields" value="#{projectionManagedBean.pro.heure}" />
	        </p>
	        <p>        
	        	<label>PRIX </label>
	        	<!-- 
        			On récupère le prix de projection que l'admin a écrit
        		 -->
	        	<h:inputText class="compte_fields" value="#{projectionManagedBean.pro.prix}" />
	        </p>    
			<p>        
	        	<label>NOMBRE DE PLACE </label>
	        	<!-- 
        			On récupère le nombre de place disponible de projection que l'admin a écrit
        		 -->
	        	<h:inputText class="compte_fields" value="#{projectionManagedBean.pro.nbPlacedispo}" />
	        </p>
	        <p>        
	        	<label>SALLE </label>
	        	<!-- 
        			On récupère la salle de projection que l'admin a sélectionné
        		 -->
	         	<h:selectManyListbox id="list" value="#{projectionManagedBean.selectedSalle}">
	 				<f:selectItems value="#{salleManagedBean.allSalle()}" var="salle" itemValue="#{salle.numero}" itemLabel="#{salle.numero}">
	 			
	 				</f:selectItems>
	 			</h:selectManyListbox> 
	        </p>
	        <p>        
	        	<label>FILM </label>
	        	<!-- 
        			On récupère le film de projection que l'admin a sélectionné
        		 -->
	        	<h:selectManyListbox id="listeFilm" value="#{projectionManagedBean.selectedFilm}">
	 				<f:selectItems value="#{movieManagedBean.allMovies()}" var="film" itemValue="#{film.nom}" itemLabel="#{film.nom}">
	 			
	 				</f:selectItems>
	 			</h:selectManyListbox> 
	        </p>  
	         <p align="right">
	           <!-- 
        			On ajoute la projection avec la fonction createProjection() de la classe ProjectionManagedBean
        			Ce managed bean peut demander l'injection du bean projection de façon à pouvoir examiner les champs entrés par l'admin.
        	 	-->
	        	<h:commandButton styleClass="compte_button" value="Creation" action="#{projectionManagedBean.createProjection}"/>
	        </p>
		</fieldset>
    </h:form>
</body>
</html>